.box {
  width: 100%;
  height: 100vh;
  .centent {
    width: 1800px;
    height: 100%;
    margin: 0 auto;

    background: #fff;
    .centent_top {
      /* padding: 0 10px; */
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: 60px;
      background: #eff2f8;
      .centent_top_left {
        display: flex;
        align-items: center;
        .centent_top_left_title {
          font-size: 18px;
          color: #333;
          font-weight: 700;
          margin-right: 10px;
        }
        .centent_top_left_details {
          font-size: 14px;
          color: #666;
          font-weight: 500;
          margin-right: 20px;
          .centent_top_left_details_img {
            width: 15px;
            height: 15px;
          }
        }
        .centent_top_left_label {
          border: 1px solid #ddd;
          border-radius: 4px;
          padding: 0 10px;
          font-size: 14px;
          color: #666;
          font-weight: 500;
          margin-right: 10px;
        }
      }
      .centent_top_right {
        display: flex;
        .centent_top_right_label {
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 66px;
          height: 33px;

          border: 1px solid #ddd;
          border-radius: 4px;
          /* // padding: 5px 10px; */
          font-size: 14px;
          color: #666;
          font-weight: 500;
          background: #fff;
          color: #51506f;
          margin-left: 10px;
          .centent_top_right_label_image {
            width: 16px;
            height: 16px;
            margin-top: 1px;
            margin-right: 2px;
          }
        }
      }
    }
    .centent_bottom {
      display: flex;
      padding: 0 10px;
      /* // width: 100%;
      // background: pink; */
      .centent_bottom_left {
        width: 50%;
        height: 90vh;
        background: #fff;
        overflow: auto;
        border-right: 1px solid #ccc;
        &::-webkit-scrollbar-thumb {
          background-color: rgb(134, 133, 133);
          border-radius: 50px;
        }
        .centent_bottom_left_f1 {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          height: 60px;
          background: #fff;
          .centent_bottom_left_f1_left {
            display: flex;
            align-items: center;
            width: 120px;
            height: 28px;
            background: #f2f5f6;
            padding: 2px;
            .centent_bottom_left_f1_left_item {
              cursor: pointer;
              display: flex;
              align-items: center;
              justify-content: center;
              flex: 1;
              height: 100%;
              font-weight: 550;
              font-size: 14px;
              margin-right: 3px;
              color: #51506f;
              &.active {
                color: #2b5cfd;
                background: #fff;
                border-radius: 4px;
                border: 1px solid #ddd;
              }
            }
          }
          .centent_bottom_left_f1_right {
            display: flex;
            align-items: center;
            .centent_bottom_left_f1_right_label {
              cursor: pointer;
              display: flex;
              align-items: center;
              justify-content: center;
              width: 58px;
              height: 28px;
              font-size: 14px;
              color: #666;
              font-weight: 500;
              background: #fff;
              color: #3b64e5;
              background: #ecf3ff;
              margin-left: 30px;
              border-radius: 4px;
              .centent_bottom_left_f1_right_label_image {
                width: 16px;
                height: 16px;
                margin-top: 1px;
              }
            }
          }
        }
        /* // 二楼 */
        .centent_bottom_left_f2 {
          font-size: 13px;
          color: #999;
        }
        /* // 三楼 内容 */
        .centent_bottom_left_f3 {
          margin-top: 10px;
          .centent_bottom_left_f3_top {
            display: flex;
            align-items: center;
            height: 35px;
            color: #666;
            font-size: 14px;
          }
          .centent_bottom_left_f3_English {
            font-size: 15px;
            color: #51506f;
            line-height: 25px;
          }
          .centent_bottom_left_f3_CN {
            padding: 15px 8px;
            background: #f5f6f7;
            font-size: 15px;
            color: #51506f;
            line-height: 25px;
            border-radius: 4px;
          }
        }
      }
      .centent_bottom_right {
        flex: 1;
        height: 90vh;
        overflow: auto;
        &::-webkit-scrollbar-thumb {
          background-color: rgb(134, 133, 133);
          border-radius: 50px;
        }
        .centent_bottom_right_f1 {
          /* // width: 100%; */
          height: 60px;
          /* // background: #f9f8ff; */
          background-image: linear-gradient(to right, #f9f8ff, #fff);
          padding-left: 20px;
          margin-bottom: 5px;
          .centent_bottom_right_f1_center {
            /* // width: 100%; */
            height: 60px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #ccc;
            .centent_bottom_right_f1_item {
              cursor: pointer;
              display: flex;
              justify-content: center;
              width: 80px;
              font-size: 15px;
              color: #333;

              &.active {
                font-weight: 550;
                color: #3b64e5;
              }
            }
          }
        }
        .centent_bottom_right_f2 {
          padding-left: 20px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          /* // width: 100%; */
          height: 60px;
          background: #fff;
          .centent_bottom_right_f2_left {
            display: flex;
            align-items: center;
            /* // width: 120px; */
            height: 28px;
            background: #f8f9fa;
            padding: 2px;
            .centent_bottom_right_f2_left_item {
              cursor: pointer;
              display: flex;
              align-items: center;
              justify-content: center;
              flex: 1;
              width: 50px;
              height: 100%;

              font-size: 14px;
              margin-right: 3px;
              color: #666;
              &.active {
                color: #333;
                background: #fff;
                font-weight: 600;
                border-radius: 4px;
                border: 1px solid #ddd;
              }
            }
          }
        }
        .centent_bottom_right_f3 {
          padding-left: 20px;
          /* // height: 76vh;
          // overflow: auto;
          // &::-webkit-scrollbar-thumb {
          //   background-color: rgb(134, 133, 133);
          //   border-radius: 50px;
          // } */
          .centent_bottom_right_f3_item {
            h1 {
              font-size: 17px;
              color: #272d55;
              font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
              margin-bottom: 10px;
            }
            .centent_bottom_right_f3_item_ul {
              padding-left: 20px;
              .centent_bottom_right_f3_item_ul_li {
                color: #272d55;
                font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
                font-size: 15px;
                line-height: 25px;
                margin-bottom: 6px;
                span {
                  font-weight: 550;
                  font-size: 16px;
                }
              }
            }
          }
        }
      }
    }
  }
}
